<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 標題 -->
    <title>歡迎光臨小說狂人</title>
    <!-- 關鍵詞 -->
    <meta name="keywords" content="" />
    <!-- 網站簡介 -->
    <meta name="description" content="" />
    <!-- 自適應屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 最新 輪播banner CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- Start header -->
    <div class="header clearfix ">
        <ul class="website_nav left clearfix">
            <li>
                <a href="#">小說狂人</a>
            </li>
            <li>
                <a href="#">途捷樂</a>
            </li>
            <li>
                <a href="#">小說臉書</a>
            </li>
            <li>
                <a href="#">小說LINE</a>
            </li>
        </ul>

        <ul class="service_nav right clearfix">
            <li class="shopping">
                <a data-toggle="modal" data-target="#pay-tck"><span id="shopping_cart_num">0</span><span class="more" id="shopping_cart_more"></span>結帳</a>
            </li>
            <li class="logout">
                <a data-toggle="modal" data-target="#login-tck">登入</a>
            </li>
            <li class="join">
                <a data-toggle="modal" data-target="#register-tck">加入會員</a>
            </li>
            <li class="pop_tip_box">
                <a href="#">點數</a>
                <div class="pop_tip">
                    <ul>
                        <li class="first">購物金&nbsp;
                            <a href="#"><strong id="shopping_cash">0</strong></a>
                        </li>
                        <li>福利金&nbsp;
                            <a href="#"><strong id="benefit_cash">0</strong></a>
                        </li>
                        <li>积分&nbsp;
                            <a href="#"><strong id="my_ecoupon_count">20</strong></a>&nbsp;
                        </li>
                    </ul>
                </div>
            </li>
            <li class="last">
                <a href="#">會員專區</a>
            </li>
        </ul>
    </div>
    <!-- End header -->

    <!-- Start logo -->
    <div class="logo container">
        <img src="images/logo.png" alt="">
        <img src="images/logo-bar.jpg" alt="" style="margin-left:7px">
    </div>
    <!-- End logo -->

    <!-- Start point-nav -->
    <div class="point-nav container clearfix">
        <ul class="clearfix">
            <li>
                <a href="#">關於我們</a>
            </li>
            <li>
                <a href="#">最新情報</a>
            </li>
            <li>
                <a href="#">線上付款</a>
            </li>
            <li>
                <a href="#">合作洽詢</a>
            </li>
            <li>
                <a href="#">線上客服</a>
            </li>
        </ul>
    </div>
    
    <!-- End point-nav -->

    <!-- Start search-bar -->
    <div class="search-bar clearfix container">
       
        <div class="search-center">
            <div class="clearfix">    
                <form action="" name="search" id="search" method="GET" onsubmit="">
                    <input class="search_key" accesskey="S" name="key" id="key" value="" message="請輸入關鍵字">
                    <div class="search_set" id="search_box">
                        <div class="top_search_tip">
                            <a href="#" class="kaiguan">
                                <span id="search_name">全館</span>
                                <span class="icon" title="展開"></span>
                            </a>
                            
                            <ul class="search_popup">
                                <li>
                                    <a href="#" >全館</a>
                                </li>
                                <li>
                                    <a href="#" >圖書</a>
                                </li>
                                <li>
                                    <a href="#" >影音</a>
                                </li>
                                <li>
                                    <a href="#" >百貨</a>
                                </li>
                                <li>
                                    <a href="#" >雜誌</a>
                                </li>
                                <li>
                                    <a href="#" >售票</a>
                                </li>
                            </ul>
                        </div>
                       
                    </div>
                    <button type="submit" title="搜尋"><span class="icon"></span></button>
                </form>
            </div>
        </div>
        <div class="search-right">
            <ul class="clearfix">
                <li class="keyword"></li>
                <li>
                    <a href="#">穿暖暖不感冒</a>
                </li>
                <li>
                    <a href="#">木馬599再9折</a>
                </li>
                <li>
                    <a href="#">星巴克滿額送</a>
                </li>
                <li>
                    <a href="#">雜誌79折截止</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- End search-bar -->

    <!-- Start main -->
    <div class="main clearfix container">
       <div class="main-left main-left-other">
            <div class="main-top clearfix">
                <div class="main-menu">
                    <div class="search-left"><a href="">全站分類</a></div>
                    <ul class="main-menu-intr">
                        <li class="main-menu-sub">
                            <h3><a href="#">中文書</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                                <div class="nav_popup-box">
                                    <h4><a href="">中文書A</a></h4>
                                    <ul class="clearfix">
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                        <li><a href="">每日一書66折</a></li>
                                        <li><a href="">新書</a></li>
                                        <li><a href="">預購</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">簡體書</a><a href="#">外文書</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">雜誌</a><a href="#">MOOK</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">CD</a><a href="#">DVD</a><a href="#">售票</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">保養</a><a href="#">彩妝</a><a href="#">醫美</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">日用</a><a href="#">洗髮</a><a href="#">沐浴</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">服飾</a><a href="#">內睡衣</a><a href="#">鞋襪</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">包包精品</a><a href="#">錶飾配件</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">美食</a><a href="#">飲品</a><a href="#">食材</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">保健</a><a href="#">纖體</a><a href="#">醫材</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">文具</a><a href="#">動漫</a><a href="#">療癒</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">3C</a><a href="#">家電</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                        <li class="main-menu-sub">
                            <h3><a href="#">全館即時榜</a></h3>
                            <div class="nav_popup clearfix">
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                                <div class="nav_popup-box">
                                    內容等待填充
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul class="menu-stb">
                        <li>
                            <h3><a href="#">看全部商品分類</a></h3>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End main -->
    
    <!-- Start main -->
    <div class="content container">
        <div class="booksort-nav clearfix">
            <div class="booksort-title left"><a href="">簡體書</a></div>
            <ul class="clearfix left">
                <li>
                    <a href="#">新到貨</a>
                </li>
                <li>
                    <a href="#">精品珍藏</a>
                </li>
                <li>
                    <a href="#">新書</a>
                </li>
                <li>
                    <a href="#">排行榜</a>
                </li>
                <li>
                    <a href="#">特價書</a>
                </li>
                <li>
                    <a href="#">讀者書評</a>
                </li>
                <li>
                    <a href="#">出版社專區</a>
                </li>
                <li>
                    <a href="#">分類總覽</a>
                </li>
            </ul>
        </div>
        <ul class="nav-menu clearfix">
            <li>
                <a href="#" >博客來</a>
            </li>
            <li class="last">
                簡體書
            </li> 
        </ul>
        <div class="booksort-main clearfix">
            <div class="sidebar-left left">
                <div class="sidebar-left-top">
                    <h4>簡體書書籍分類</h4>
                    <ul class="sort-tongji">
                        <li><span><a href="">文學小說</a></span></li>
                        <li><span><a href="">藝術設計</a></span></li>
                        <li><span><a href="">史地</a></span></li>
                        <li><span><a href="">社會科學</a></span></li>
                        <li><span><a href="">哲學/宗教</a></span></li>
                        <li><span><a href="">商業理財</a></span></li>
                        <li><span><a href="">語言學習</a></span></li>
                        <li><span><a href="">醫療保健</a></span></li>
                        <li><span><a href="">旅遊/休閒/飲食/手作</a></span></li>
                        <li><span><a href="">自然科普與應用科學</a></span></li>
                        <li><span><a href="">電腦資訊</a></span></li>
                        <li><span><a href="">童書/親子教養</a></span></li>
                        <li><span><a href="">考試/教輔</a></span></li>
                        <li><span><a href="">動漫/插畫/遊戲</a></span></li>
                    </ul>
                </div>
                
                <div class="sidebar-left-bottom">
                    <h4>簡體書書籍分類</h4>
                    <div class="jianti-sort">
                        <a href="#"> <img class="cover" src="images/book1.jpg" alt="X特遣隊（第一卷）"> </a>
                        <h5><a href="#">書法大師寫經課系列</a></h5>
                        <p class="writer">作者：
                            <a href="#">王羲之 蘇軾等</a>
                        </p>
                        <ul class="price clearfix">
                            <li>優惠價：<strong><b>999</b></strong>元</li>
                        </ul>
                        <div class="msg">
                            <p>書寫，是為了遇見更安靜的自己。</p>
                        </div>
                    </div>
                    <div class="jianti-sort">
                        <a href="#"> <img class="cover" src="images/book1.jpg" alt="X特遣隊（第一卷）"> </a>
                        <h5><a href="#">書法大師寫經課系列</a></h5>
                        <p class="writer">作者：
                            <a href="#">王羲之 蘇軾等</a>
                        </p>
                        <ul class="price clearfix">
                            <li>優惠價：<strong><b>999</b></strong>元</li>
                        </ul>
                        <div class="msg">
                            <p>書寫，是為了遇見更安靜的自己。</p>
                        </div>
                    </div>
                    <div class="jianti-sort">
                        <a href="#"> <img class="cover" src="images/book1.jpg" alt="X特遣隊（第一卷）"> </a>
                        <h5><a href="#">書法大師寫經課系列</a></h5>
                        <p class="writer">作者：
                            <a href="#">王羲之 蘇軾等</a>
                        </p>
                        <ul class="price clearfix">
                            <li>優惠價：<strong><b>999</b></strong>元</li>
                        </ul>
                        <div class="msg">
                            <p>書寫，是為了遇見更安靜的自己。</p>
                        </div>
                    </div>
                    <div class="jianti-sort">
                        <a href="#"> <img class="cover" src="images/book1.jpg" alt="X特遣隊（第一卷）"> </a>
                        <h5><a href="#">書法大師寫經課系列</a></h5>
                        <p class="writer">作者：
                            <a href="#">王羲之 蘇軾等</a>
                        </p>
                        <ul class="price clearfix">
                            <li>優惠價：<strong><b>999</b></strong>元</li>
                        </ul>
                        <div class="msg">
                            <p>書寫，是為了遇見更安靜的自己。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="booksort-content right">
                <h4>最新消息</h4>
                <div class="booksort-content-info">
                    <div class="accordion">
                        <div class="accordion-item active">
                            <h3><span class="accordion-icon"></span>Mauris mauris ante</h3>
                            <div class="accordion-content"><p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p></div>
                        </div>
                        <div class="accordion-item">
                            <h3><span class="accordion-icon"></span>Sed non urna</h3>
                            <div class="accordion-content"><p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.</p></div>
                        </div>
                        <div class="accordion-item">
                            <h3><span class="accordion-icon"></span>Nam enim risus</h3>
                            <div class="accordion-content"><p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h3><span class="accordion-icon"></span>Mauris mauris ante</h3>
                            <div class="accordion-content"><p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.</p> <p>Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>   
    </div>
    <!-- End main -->

    <!-- Start footer -->
    <div class="footer container">
        <!-- Start foot-nav -->
        <div class="foot-nav clearfix">
            <div class="item">
                <h4>關於我們</h4>
                <ul class="clearfix">
                    <li>
                        <a href="#">關於小說狂人</a>
                    </li>
                    <li>
                        <a href="#">最新情報</a></li>
                    <li><a href="#">服務條款</a></li>
                    <li>線上客服</li>
                </ul>
            </div>
            <div class="item">
                <h4>會員服務</h4>
                <ul class="clearfix">
                    <li>
                        <a href="#">加入會員</a>
                    </li>
                    <li><a href="#">隱私權政策</a></li>
                    <li><a href="#">會員條款</a></li>
                    <li>
                    <a href="#" data-toggle="modal" data-target="#myModal">訂閱電子報</a></li>
                </ul>
            </div>
            <div class="item">
                <h4>合作提案</h4>
                <ul class="clearfix">
                    <li><a data-toggle="modal" data-target="#supplier-tck">加入供應商</a></li>
                    <li><a data-toggle="modal" data-target="#corporation-tck">異業合作</a></li>
                </ul>
            </div>
            <div class="item ">
                <h4>客服中心</h4>
                <ul class="clearfix">
                    <li>
                        <a href="#">查詢帳號密碼</a>
                    </li>
                    <li>
                        <a href="#">客服信箱</a>
                    </li>
                    <li>
                        <a href="#">客服專線</a>
                    </li>
                    <li>
                        <a href="#">客服中心Q&amp;A</a>
                    </li>
                </ul>
            </div>
            <div class="item clearfix">
                <h4>好站連結</h4>
                <ul>
                    <li>
                        <a href="#">途捷樂</a>一起購物網
                    </li>
                    <li><a href="#">小說狂人LINE</a></li>
                    <li>
                        <a href="#">小說狂人Youtube</a>
                    </li>
                    <li class="icon_facebook">
                        <a href="#">小說狂人粉絲團</a>
                    </li>
                </ul>
            </div>
            <div class="payment_trust clearfix">
                <h4>得獎認證</h4>
                <ul class="clearfix">
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                    <li><img src="images/renzheng.png" alt="天下雜誌2016金牌服務大賞"></li>
                </ul>
            </div>
        </div>
        <!-- End foot-nav -->

        <!-- Start foot-message -->
        
        <ul class="foot-message">
            <li>
                <p><span>客戶服務專線：02-2771-7277</span><span>傳真：</span><span>服務時間：週一~六 8:00~19:00，週日、例假日 9:00~18:00，365天全年無休</span></p>
            </li>
            <li>
                <p><span>哈馬文化有限公司</span><span>地址：臺北市大安區忠孝東路4段206-1號4樓</span></p>
            </li>
            <li>
                <p>Copyright &copy; since 2016 novel-book.com.tw All Rights Reserved.</p>
            </li>
        </ul>
        <!-- End foot-message -->
    </div>
    <!-- End footer -->

    <!-- 登陸login 彈出框 -->
    <div class="modal login-tck tanchukuang" id="login-tck" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="">
                    <h3>會員登錄:</h3>
                    <div class="form-group clearfix">
                        <label for="">帳號：</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">密碼：</label>
                        <input type="password" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">驗證碼：</label>
                        <input type="text" class="form-control yzmk">
                        <div class="code">
                            <img src="images/code.png" alt="">
                        </div>
                        <div class="refresh">
                            <a href=""><img src="images/shuaxin.png" alt=""></a>
                        </div>
                    </div>
                    <div class="jz-password">
                        <input type="checkbox">記住密碼
                        <a href="">忘記密碼</a>                 
                    </div>
                    <div class="login-btn clearfix">
                        <input type="submit" value="登錄">
                    </div>
                    <div class="fgline1"></div>
                    <div class="login-more">
                        <p>或使用社群帳號登錄</p>
                        <p>
                            <a href=""><img src="images/facebook.png" alt=""></a>
                            <a href=""><img src="images/google.png" alt=""></a>
                        </p>
                    </div>
                    <div class="fgline"></div>
                    <div class="go-register">
                        沒有帳號？去<a data-toggle="modal" data-target="#register-tck">註冊</a>
                        <a href="" class="ckgf">查看會員規範</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- 注冊register 彈出框 -->
    <div class="modal register-tck tanchukuang" id="register-tck" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="supplier-intr">
                    <h4>註冊須知</h4>
                    <p>保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置
                    <br/><span>*</span>若您的會員資料有所更動，煩請至會員中心修改更新。
                    </p>
                </div>
                <form action="">
                    <h3>加入會員</h3>
                    <h4>初次來訪，歡迎加入！</h4>
                    <div class="form-group clearfix">
                        <label for="">帳號：</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">密碼：</label>
                        <input type="password" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">確認密碼：</label>
                        <input type="password" class="form-control">
                    </div>
                    <div class="fgline"></div>
                    <h5>請填寫您的基本資料：</h5>
                    <div class="form-group clearfix">
                        <label for=""><span>*</span>電子信箱：</label>
                        <input type="tel" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for=""><span>*</span>暱稱：</label>
                        <input type="email" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for=""><span>*</span>行動電話：</label>
                        <input type="tel" class="form-control">
                    </div> 
                    <div class="form-group clearfix">
                        <label for="">真實姓名：</label>
                        <input type="text" class="form-control">
                    </div> 
                    <div class="form-group clearfix">
                        <label for="">住址：</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">生日：</label>
                        <select class="form-control age">
                            <option>年</option>
                            <option>1991</option>
                            <option>1992</option>
                            <option>1993</option>
                            <option>1994</option>
                            <option>1995</option>
                            <option>1996</option>
                            <option>1997</option>
                            <option>1998</option>
                            <option>1999</option>
                            <option>2000</option>
                        </select>
                        <select class="form-control month">
                            <option>月</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                            <option>10</option>
                            <option>11</option>
                            <option>12</option>
                        </select>
                        <select class="form-control date">
                            <option>日</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                            <option>10</option>
                            <option>11</option>
                            <option>12</option>
                            <option>13</option>
                            <option>14</option>
                            <option>15</option>
                            <option>16</option>
                            <option>17</option>
                            <option>18</option>
                            <option>19</option>
                            <option>20</option>
                            <option>22</option>
                            <option>21</option>
                            <option>23</option>
                            <option>24</option>
                            <option>25</option>
                            <option>26</option>
                            <option>27</option>
                            <option>28</option>
                            <option>29</option>
                            <option>30</option>
                            <option>31</option>
                        </select>
                    </div>
                    <div class="form-group clearfix">
                        <input type="submit" value="確認送出" data-dismiss="modal" class="queren">
                        <input type="submit" value="清除重填" data-dismiss="modal" class="giveup">
                    </div> 
                </form>
            </div>
        </div>
    </div>

    <!-- 支付pay 彈出框 -->
    <div class="modal pay-tck tanchukuang" id="pay-tck" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="supplier-intr">
                    <h4>付款說明</h4>
                    <p>保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置</p>
                </div>
                <form action="">
                    <div class="select-case clearfix">
                        <h4>選擇方案</h4>
                        <select class="form-control">
                            <option>請選擇</option>
                            <option>廣告合作</option>
                            <option>投資創業</option>
                            <option>招商引資</option>
                        </select>
                        <input type="number" class="form-control" placeholder="輸入金額">
                    </div>
                    <div class="select-pay clearfix">
                        <h4>付款方式</h4>
                        <div class="select-paymore select-paya clearfix">
                            <div class="left">
                                <input type="radio" name="radio"  ><label for="radio"></label>
                            </div>
                            <div class="right">信用卡付款</div>
                            
                        </div>
                        <div class="select-paymore select-payb clearfix">
                            <div class="left">
                                <input type="radio" name="radio"  ><label for="radio"></label>
                            </div>
                            <div class="right">四大超商付款</div> 
                        </div>
                        <div class="select-paymore select-payc clearfix">
                            <div class="left">
                                <input type="radio" name="radio"  ><label for="radio"></label>
                            </div>
                            <div class="right">ATM轉帳</div>                  
                        </div>
                        <div class="select-paymore select-payd clearfix">
                            <div class="left">
                                <input type="radio" name="radio"  ><label for="radio"></label>
                            </div>
                            <div class="right">銀行匯款</div> 
                        </div>
                    </div>
                    <div class="pay-btn clearfix">
                       <input type="submit" value="確定">
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- 合作corporation 彈出框 -->
    <div class="modal corporation-tck tanchukuang" id="corporation-tck" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="supplier-intr">
                    <h4>會員註冊須知</h4>
                    <p>保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置</p>
                </div>
                <form action="">
                    <div class="form-group clearfix">
                        <label for="">廠商/個人:</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">統編:</label>
                        <input type="text" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">負責人:</label>
                        <input type="text" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">聯絡電話:</label>
                        <input type="tel" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">電子信箱:</label>
                        <input type="email" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">傳真:</label>
                        <input type="tel" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">地址:</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">内容:</label>
                        <textarea name="" id="" class="form-control">

                        </textarea>
                    </div>
                    <div class="form-group clearfix">
                        <select class="form-control">
                            <option>請選擇</option>
                            <option>廣告合作</option>
                            <option>投資創業</option>
                            <option>招商引資</option>
                        </select>
                    </div>
                    <div class="form-group clearfix">
                        <label for="">驗證碼:</label>
                        <input type="text" class="form-control yzmk">
                        <div class="code">
                            <img src="images/code.png" alt="">
                        </div>
                        <div class="refresh">
                            <a href=""><img src="images/shuaxin.png" alt=""></a>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <input type="submit" value="確認送出" data-dismiss="modal" class="queren">
                        <input type="submit" value="清除重填" data-dismiss="modal" class="giveup">
                    </div>  
                </form>
            </div>
        </div>
    </div>

    <!-- 加入supplier 彈出框 -->
    <div class="modal supplier-tck tanchukuang" id="supplier-tck" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="supplier-intr">
                    <h4>加入供應商</h4>
                    <p>保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置保留位置</p>
                </div>
                <form action="">
                    <div class="form-group clearfix">
                        <label for="">廠商/個人:</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">統編:</label>
                        <input type="text" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">負責人:</label>
                        <input type="text" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">聯絡電話:</label>
                        <input type="tel" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">電子信箱:</label>
                        <input type="email" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">傳真:</label>
                        <input type="tel" class="form-control">
                    </div>  
                    <div class="form-group clearfix">
                        <label for="">地址:</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label for="">介绍:</label>
                        <textarea name="" id="" class="form-control"></textarea>
                    </div>
                    <div class="form-group clearfix">
                        <label for="">驗證碼:</label>
                        <input type="text" class="form-control yzmk">
                        <div class="code">
                            <img src="images/code.png" alt="">
                        </div>
                        <div class="refresh">
                            <a href=""><img src="images/shuaxin.png" alt=""></a>
                        </div>
                    </div> 
                    <div class="form-group clearfix">
                        <input type="submit" value="確認送出" data-dismiss="modal" class="queren">
                        <input type="submit" value="清除重填" data-dismiss="modal" class="giveup">
                    </div> 
                </form>
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function(e) {
            $(".main-menu-intr .main-menu-sub").mousemove(function(){
                $(".main-menu-intr .main-menu-sub").eq($(this).index()).addClass("active").siblings().removeClass("active");
            });
            $(".main-menu").mouseout(function(){
                $(".main-menu-sub").removeClass("active");
            });
            $(".accordion-item").click(function(){
                $(".active").removeClass("active");
                $(this).addClass("active");
            });
        });     
    </script>
</body>
</html>